// This file is part of Indico.
// Copyright (C) 2002 - 2025 CERN
//
// Indico is free software; you can redistribute it and/or
// modify it under the terms of the MIT License; see the
// LICENSE file for more details.

@use 'base' as *;
@use 'partials/buttons' as *;
@use 'partials/boxes' as *;

#flashed-messages {
  &:empty {
    display: none;
  }
}

.speaker-list .speaker-item,
.session-conveners {
  .affiliation {
    color: $dark-gray;
    font-size: 0.8em;

    .text {
      vertical-align: bottom;
    }
  }
}

.speaker-list {
  @include font-family-modern-body();

  color: $black;

  .speaker-item {
    display: block;

    &::before {
      color: $dark-blue;
      margin-right: 0.2em;
    }
  }

  .speaker-item-inline {
    @extend .speaker-item;

    display: inline-block;
  }
}

.event-message {
  margin: 20px auto 5px auto;
  width: 1000px !important;
  line-height: initial;
}

.search-box {
  width: 250px;
}

.event-page-header {
  .session-bar {
    margin-top: 0;
    margin-right: 0.8em;
  }

  .main-action-bar {
    height: 50px;
    min-height: 50px;
  }

  .button-bar {
    align-self: stretch;

    .i-button {
      @include i-button-states($black, transparent, transparent, $gray, white, false);
      border-radius: 0;
      padding: 0 0.8em;
      font-size: 1.1em;
      margin: 0;
      border: none;
    }

    .separator {
      margin: 10px 5px;
      width: 1px;
      border-right: 1px dotted $light-black;
    }

    .i-dropdown {
      @include border-all($color: $black);
      @include single-box-shadow($color: $black);

      background: $dark-black;

      li {
        a {
          color: $dark-gray;
        }

        &:hover a:not(.disabled) {
          color: $light-gray;
        }
      }
    }

    .filter-link {
      &.active,
      &.active:hover {
        color: $bright-orange;
        font-weight: bold;
      }
    }

    .themes-separator {
      @include border-bottom($black);
      height: auto;
      margin: 0 1em;
    }
  }

  .event-filters {
    margin-top: 5px;
    padding: 10px 10px 10px 75px;
    border-top: 1px solid black;
    border-bottom: 1px solid black;
    background-color: #777;
    display: none;

    strong {
      color: white;
    }
  }
}

.reference-list {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: block;

  li {
    display: inline-block;
    margin: 0.2em 0.2em;
    border-radius: 2px;

    .type-name {
      color: $light-black;
    }
  }
}

.reference-list-meeting {
  li {
    &::before {
      color: $yellow;
    }

    padding: 0.2em 0.5em;
    background-color: lighten($light-yellow, 5%);

    &:first-child {
      margin-left: 0;
    }
  }
}

.reference-list-conference {
  li {
    padding: 0.2em 1em 0.2em 0;
    background-color: $white;
  }
}
